/***
Bootstrap Line Tabs by @keenthemes
A component of Metronic Theme - #1 Selling Bootstrap 3 Admin Theme in Themeforest: http://j.mp/metronictheme
Licensed under MIT
***/
@color-white : #ffffff;
/* Tabs panel */
.tabbable-panel {
  padding: 10px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}

.tabbable-line .nav-tabs ul li {
  color: @color-white;
}

.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
  border-bottom: 4px solid transparent;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: @color-white;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}

.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}

.tabbable-line > .nav-tabs > li.active {
  position: relative;
  font-weight: bold;
}

.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: @color-white;
  background-color:@sidebar-dark-submenu-bg;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: @color-white;
}

.tabbable-line > .tab-content {
  margin-top: -3px;
  border: 0;
  color:@color-white;
  /*border-top: 1px solid #eee;*/
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  color:@color-white;
}

.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
}

.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  color: @color-white;
  background-color:@sidebar-dark-submenu-bg;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  color: @color-white;
}

.catalog > .title {
  padding: 10px;
  font-weight: bold;
}

.catalog ul {
  padding-left: 1em;
  line-height: 1.5em;
  list-style-type: none;
}

.catalog .list-group-item {
  color: @color-white;
  background-color:@sidebar-dark-submenu-bg;
}

.catalog .tree-item, .catalog #legend div{
  &.selected ul.layer-categories {
    background-color: @sidebar-dark-bg;
  }
  span.tree-node-title {
    &.disabled {
      color: darken(@color-white, 40%);
    }
    cursor: pointer;
    white-space: pre-line;
    width: 85%;
  }
}

.catalog .tree-item  {
  cursor: pointer;
  &.disabled > span {
    color: darken(@color-white, 40%);
  }
}

.catalog .itemmarginbottom {
  margin-bottom: 5px;
}

.catalog .root {
  padding: 4px 4px 1px 0.8em;
}

.catalog .root.fa-chevron-right {
  padding-right: 8px;
}
.catalog .root-categories.fa-chevron-right {
  padding-right: 7px;
}

.catalog .root-categories.fa-chevron-down {
  padding-right: 3px;
}

.catalog .child {
  padding: 5px 3px 1px 30px;
}
.catalog .child-categories {
  padding: 5px 3px 1px 12px;
}
.catalog .tree-root {
  padding-left: 0;
}

.bold {
  font-weight: bold;
  color: @color-white;
}

.highlightlayer {
  border-bottom: 2px dashed;
  border-color: #ffb516;
}

.catalog {
  padding:3px;
  .catalalog-nav-tabs >li {
    font-size: 1em;
  }
}

.catalog .tree{
  color: @color-white;
  &.disabled {
    color: darken(@color-white, 40%);
    cursor: not-allowed;
  }
}
.catalog .baselayers {
  .radio {
    margin: 0;
  }
}

#layer-menu {
  background: #FAFAFA;
  border: 1px solid #BDBDBD;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: fixed;
  min-width: 150px;
  z-index: 999999;
  color:#000000;

  li {
    border-bottom: 1px solid #E0E0E0;
    margin: 0;
    padding: 5px 15px;
    &:last-child {
      border-bottom: none;
    }
    &:hover {
      color: #FAFAFA;
      cursor:pointer;
    }
  }
}

#baselayers {
  #baselayers-content {
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5px;
    padding: 0;
    .baselayer {
      cursor: pointer;
      .baselayer-name {
        font-weight: bold;
        white-space: pre-line;
        text-align: center;
      }
    }

  }
}

#catalog {
 #layer-menu {
    .wms-url-tooltip {
      .tooltip-inner {
        min-width: 200px;
      }
    }
    .tooltip-inner {
      word-break: break-all;
      font-weight: bold;
    };
    .item-text {
      margin-left: 3px;
    }
  }
  #toc_layer_help_text {
    position:relative;
    border-radius: 2px;
    padding: 5px;
    margin:0.8em;
    white-space: pre-line;
    background-color: rgba(255,255,255,0.1)
  }
  .info_helptext_button {
    text-align: center;
    font-size: 0.7em;
    margin-top: -5px;
    margin-left: -5px;
    background-color: #222d32;
    font-weight: bold;
    color: #ffffff;
    position:absolute;
    top:0;
    left:0;
    width:15px;
    height:15px;
    box-shadow: 0 3px 5px rgba(0,0,0,0.5);
    border: 1px solid #ffffff;
    border-radius:50%;
  }
}

